伪元素：文档结构中没有出现的元素
伪元素使用双冒号“：：”
first-letter 选择的是元素中的第一个文字
first-line 选择的是元素的第一行文字
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>css叠加性和层叠性</title>
<style type="text/css">
div::first-letter{color:red}
p::first-line{color:red}
</style>
</head>
<body>
<nav>
<div>我要好好学习</div>
<p>我要好好学习我要好好学习我要好好学习我要好好学习我要好我要好好学习我要好好学习我要好好学习我要好好学习我要好好学习
好学习我要好好学习我要好好学习我要好好学习我要好好学习我要好好学习我要好好学习我要好好学习我要好好学习我要好好学习
我要好好学习我要好好学习我要好好学习我要好好学习我要好好学习我要好好学习我要好好学习我要好好学习我要好好学习</p>
</nav>
</body>
</html>
返回：